﻿
        .topWrap{height:130px;font-family:"Microsoft Yahei";z-index: 3;width:100%;background:#fff;}
        .header{width:100%;margin: 0 auto; position: relative;font-family:"Microsoft Yahei";box-sizing: border-box;padding:0 3%;background:#fff;}
        .as1{position:fixed;left:0;top:0;z-index:99;transition:all 0.5s;box-shadow:0 0 25px rgba(1,104,183,0.3)}
        .as1 .t_tel{display:none;}
        .as1 .t_top{height:96px;}
        .as1 .logo{margin-top:0;}
        .as1 .nav{margin-top:30px;}
        .t_top{height:123px;position: relative;width:100%;}
        .logo{float:left;width:223px;height:50px;padding-top:15px;margin-top:17px;}
        .logo img {width:223px;height:50px;}
        .t_wz{float:left;width:24%;padding:20px 0 0 2%;margin-left:2%;background:url(img/t_x.jpg) no-repeat left top;height:79px;margin-top:17px;}
        .t_wz span{display:block;height:35px;line-height:35px;font-size:28px;color:#333333;font-weight:bold;}
        .t_wz em{display:block;font-size:20px;height:35px;line-height:35px;color:#333333;letter-spacing:10px}
        .t_fr{width:73%;float:right;}
        .t_tel{text-align:right;display:block;}
        .t_tel em{display:inline-block;padding:28px 0 0 46px;background:url(img/t_tel_bj.jpg) no-repeat left top;font-size:28px;color:#0068b7;height:38px;line-height:38px;}
        .nav {height:50px;position:relative;z-index:99;}
        .nav li {float:left;height:50px;width:auto!important;position: relative;z-index:9;line-height:49px;margin-right:40px;padding:0 2px;}
        .nav li a{font-size:16px;color:#333333;display:block;height:50px;line-height:49px;position: relative;}
        .nav li:after{content: "";display: block;height:3px;background: #0168b7;width:0%;left:50%;position: absolute;bottom:0;transition: all 0.5s}
        .nav .cur:after,.nav li:hover:after{width:100%;left:0;}
        .nav .cur a,.nav li:hover a{color: #333333;font-weight: bold;}
        .nav li:last-child{background:none;padding:0;margin:0;}
        .nav li:last-child .erji{left:-73px;}
        @media screen and (min-width:1440px) {
            html {font-size: 14px;}
            .t_fr{width:61.8%;}
            .nav li {margin-right:31px;}
        }
        @media screen and (min-width:1600px) {
            html {font-size: 18px;}
           .t_fr{width:64.8%;}
           .nav li {margin-right:38px;}
           .header{padding:0 6%;}
        }
        @media screen and (min-width:1920px) {
            html {font-size:20px;}
           .t_fr{width:66.8%;}
           .nav li {margin-right:68px;}
           .header{padding:0 6%;}
        }
        .nav .erji {
            position: absolute;
            width: 240px;
            left:-53px;
            top:49px;
            z-index: 50;
            background-color: #fff;
            padding: 30px 0;
            display: none;
        }
        
        /*.nav .erji:before {*/
        /*    position: absolute;*/
        /*    content: '';*/
        /*    width: 100%;*/
        /*    height: 3px;*/
        /*    background: #0168b7;*/
        /*    left: 0;*/
        /*    top: 0;*/
        /*}*/
        
        /*.nav .erji:after {*/
        /*    position: absolute;*/
        /*    content: '';*/
        /*    border-bottom: 8px solid #0168b7;*/
        /*    border-right: 10px solid transparent;*/
        /*    border-left: 10px solid transparent;*/
        /*    left: 49px;*/
        /*    top: -8px;*/
        /*}*/
        
        .nav .erji a {
            display: block;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            color: #333333!important;
            border-bottom: 1px solid #ebebeb;
            padding: 0 13px;
            position: relative;
            font-weight:normal!important;
        }
        
        .nav .erji a:after {
            position: absolute;
            content: '';
            width: 8px;
            height: 8px;
            border: 2px solid #9f9f9f;
            border-style: solid solid none none;
            position: absolute;
            top: 50%;
            right: 22px;
            margin-top: -4px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .nav .erji a:hover {
            background: #f5f5f5;
            font-weight: bold!important;
        }
        
        .nav li:hover .erji {
            display: block;
        }
        .nav_fix {
    position: fixed;
    top: 0;
    z-index: 999;
    width:100%;
    margin:0 auto;
}
        
  
            .banner{height:auto;max-width:1920px;margin:0 auto!important;position:relative;}
            .banner .bd li{float:left;width:100%;line-height:0}
            .banner .bd li img{width:100%}
            .banner .bd li a{display:block}
            .banner .hd{z-index:1;margin:0 auto;text-align:center;position:absolute;left:0;width:100%;bottom:8%;cursor:pointer}
            .banner .hd li{width:13px;height:13px;background:#fff;display:inline-block;margin:0 10px;border-radius:13px}
            .banner .hd li.on{background:#27a8df;width:39px}
            .banner .prev{position:absolute;top:44.5%;left:0;z-index:10;cursor:pointer;opacity:0;transition:all .5s linear}
            .banner .next{position:absolute;top:44.5%;right:0;z-index:10;cursor:pointer;opacity:0;transition:all .5s linear}
            .banner:hover .prev{opacity:1;left:6%}
            .banner:hover .next{opacity:1;right:6%}
        

        .ab_bj{position: relative;}
    .ab_t img{width:100%;}
    .content{}
    .about{position:absolute;left:50%;z-index:99;top:0;padding:63px 360px 0 187px;text-align:left;}
     .about .abo-gd{width:200px; height:50px;margin-top:50px; float:left;}
     .about .abo-gd a{display:block; height:50px; text-align:center;border:2px solid rgba(255,255,255,0.2);box-sizing:border-box;border-radius:25px;}
     .about .abo-gd i{display:inline-block;height:46px;line-height:46px;font-size:16px; color:#FFF;padding-right:40px; background:url(img/abo-gd.png) no-repeat right;}
     @media screen and (min-width:1440px) {
            html {font-size: 14px;}
            .about{margin-left:58px;}
        }
        @media screen and (min-width:1600px) {
            html {font-size: 18px;}
           .about{margin-left:65px;}
        }
        @media screen and (min-width:1920px) {
            html {font-size:20px;}
           .about{margin-left:128px;padding:144px 360px 0 187px;}
        }


        .footWrap{height:420px;overflow:hidden;font-family:"Microsoft Yahei";background:#f6f6f6 url(img/ft_bj.png) repeat-x;box-sizing: border-box;z-index: 2;position: relative;padding-top:100px;}
        .footer{width:1200px;margin: 0 auto; position: relative;}
        .ft_t{height:320px;overflow: hidden;}
        .ft_nav{width:411px;background: url(img/ft_x.png) no-repeat right top;height: 255px;float:left;}
        .ft_nav h4,.ft_w h4{height:50px;font-weight: normal;margin-bottom:21px;}
        .ft_nav h4 span,.ft_w h4 span{height:50px;line-height:50px;font-size:24px;color:#333333;}
        .ft_nav h4 img,.ft_w h4 img{vertical-align: top;margin-right: 20px;}
        .ft_nav h4 em,.ft_w h4 em{font:12px arial;color: rgba(255,255,255,0.3);}
        .ft_nav ul{padding-left:70px;}
        .ft_nav li{float:left;width:170px;height:37px;line-height:37px;}
        .ft_nav li a{font-size:16px;color:#333333;}
        .ft_w{float:left;width:461px;padding:0 0 0 58px;background: url(img/ft_x.png) no-repeat right top;}
        .ft_w p{font-size:16px;color:#333333;line-height:37px;margin-left:70px;height: 37px;}
        .ft_w p img{vertical-align: middle;margin-right:12px;}
        .erwm{float: right;width:154px;background: url(img/ft_k.png) no-repeat;height: 196px;text-align: center;}
        .erwm img{width:110px;height: 110px;margin:22px auto 0;}
        .erwm span{display: block;text-align: center;font-size:14px;color: #333333;padding-top:16px;}
        .erwm dt img{width:135px;height: 135px;border-radius:4px}
        .ft_b{height: 180px;padding-top:36px;position:relative;}
        .ft_b h2{font-size:0;line-height: 0;}
        .ft_b p{font-size:14px;color:rgba(255,255,255,0.4);line-height: 30px;padding-top:17px;}
        .ft_b i{position: absolute;right:21px;top:67px;}
        em,i{font-style: normal;}
    

        .lk_bj{height:80px;line-height:80px;background:#333333;}
        .link{width:1200px;margin:0 auto;line-height:80px;box-sizing:border-box;position:relative;z-index: 2;}
        .link span{font-size: 16px;color:#fff;display: inline-block;padding-right:36px;line-height: 80px;margin-right:20px;}
        .link p{float:left;}
        .link a {color:#fff;font-size: 16px;padding-right:25px;}
        .link em{float:right;font-size:16px;color: #fff}
    

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(img/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #0168b7;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0168b7;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    
